<template>
  <div id="">
    <h2 v-title="'我的收藏'"></h2>

    <!--滑动区域-->
		<div id="mescroll" class="mescroll" style="position:fixed;">
			<!--展示上拉加载的数据列表-->
      <ul class="collectHouse" id="dataList" style="margin-bottom:0;">
        <li v-for="(item,index) in pdlist" :key="item.key"
        @click="toHouseDetail(index)">
          <div class="collectImg">
            <!-- <img :src="item.housePic" alt=""> -->
            <div class="houseImg" :style="{backgroundImage:'url(' + item.housePic + ')'}">

            </div>
            <i class="collectIcon" :class="(item.state!=1)?'':'on'" @click.stop="dontCollect(index)"></i>
            <span class="isRentSpan" v-if="item.state==2">已出租</span>
            <span class="isRentSpan" v-else-if="item.state==4">已转租</span>
            <span class="isRentSpan" v-else-if="item.state!=1">已失效</span>
            <!-- state:1空置，2已租，4转租 -->
          </div>
          <p class="houseTitle">
            <span>{{item.title}}</span>
            <em>&yen;{{item.rentMoney/100}}元/月</em>
          </p>
          <p class="houseAddr">
            {{item.communityName}}
          </p>
        </li>
      </ul>
		</div>
  </div>
</template>

<script src="./myCollection.js"></script>
<style lang="scss" scoped src='./myCollection.scss'></style>
